<?php
/**
 * Template Name: 网站联盟模板
 */
get_header();
?>


<style>
.main {
    flex: 1 1 auto;
    margin: 0 auto;
    max-width: 980px;
}

.main .title {
    margin: 20px 0 30px 0;
    font-size: 32px;
    font-weight: 100;
    text-align: center;
    color: #000;
}

.main .link-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 30px auto 30px auto;
    padding: 0;
    list-style: none;
}

.main .link-list .item {
    flex: 1 1 180px; /* 最小宽度为180px，允许自动缩放 */
    margin: 8px;
    height: 74px;
    background-color: #fff;
    box-shadow: inset 0 0 0 1px #f1f1f1;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.3s;
}

.main .link-list .item:hover {
    box-shadow: inset 0 0 0 1.5px;
}

.main .link-list .item .link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    position: relative;
}

.main .link-list .item .link .name {
    padding: 0 5px;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    width: 0;
    height: 0;
    opacity: 0;
    transition: opacity 0.3s, width 0.3s, height 0.3s;
}

.main .link-list .item .link .logo {
    height: 30px;
    width: 70%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 0.3s, width 0.3s, height 0.3s;
}

.main .link-list .item .link:hover .name {
    width: auto;
    height: auto;
    opacity: 1;
}

.main .link-list .item .link:hover .logo {
    width: 0;
    height: 0;
    opacity: 0;
}

@media (max-width: 1200px) {
    .main .link-list {
        justify-content: center; /* 居中排列 */
    }
}


@media (max-width: 446px) and (min-width: 280px) {
    .main .link-list .item {
        flex: 1 1 120px; /* 维持项目的最小宽度 */
    }
}

@media (max-width: 280px) {
    .main .link-list .item {
        flex: 1 1 100%; /* 每行显示一个项目 */
        max-width: 140px; /* 设置最大宽度 */
    }
}

/* 当屏幕宽度小于600px时，取消hover时的name显示效果 */
@media (max-width: 600px) {
    .main .link-list .item .link:hover .name {
        width: 0;
        height: 0;
        opacity: 0;
    }

    .main .link-list .item .link:hover .logo {
        width: 70%; /* 保持logo可见 */
        height: 30px;
        opacity: 1;
    }
.main .link-list .item {
    margin: 5px;
    height: 70px;
}
}
</style>


<main class="main">
    <h1 class="title">酷站推荐</h1>
<ul class="link-list">
    
    
    <li class="item"><a class="link" href="https://icp.gov.moe/" target="_blank"><div class="name">萌备</div><div class="logo" style="background-image:url(https://icp.gov.moe/images/ico64.png)"></div></a></li>
    <li class="item"><a class="link" href="https://blogwe.com/" target="_blank"><div class="name">博客我们</div><div class="logo" style="background-image:url(https://blogwe.com/img/logo8831.gif)"></div></a></li>
    
    
     <li class="item"><a class="link" href="https://bf.zzxworld.com/" target="_blank"><div class="name">BlogFinder</div><div class="logo" style="background-image:url(https://bf.zzxworld.com/images/logo-v2.png)"></div></a></li>
    
     <li class="item"><a class="link" href="https://boke.lu/" target="_blank"><div class="name">博客录</div><div class="logo" style="background-image:url(https://boke.lu/logo/%E5%8D%9A%E5%AE%A2%E5%BD%95%E6%A8%AA%E6%9D%BF%E9%80%8F%E6%98%8E%E5%BA%95.png)"></div></a></li>
     <li class="item"><a class="link" href="https://nook.ltd/" target="_blank"><div class="name">防白嫖年刊成员</div><div class="logo" style="background-image:url(https://fs-im-kefu.7moor-fs1.com/ly/4d2c3f00-7d4c-11e5-af15-41bf63ae4ea0/1749440317057/image_efaf8af4ce481431ece81673a2447c02.png)"></div></a></li>
     <li class="item"><a class="link" href="https://myssl.com/seal/detail?domain=flavorboy.cn" target="_blank"><div class="name">MYSSL安全</div><div class="logo" style="background-image:url(https://static.myssl.com/cdn/seal/0.0.1/images/logo.jpg)"></div></a></li>
    <li class="item"><a class="link" href="https://q.thinkphp.cn/" target="_blank"><div class="name">thinkphp</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241014/think.png)"></div></a></li>
    
    <li class="item"><a class="link" href="https://www.blogsclub.org/" target="_blank"><div class="name">BlogsClub</div><div class="logo" style="background-image:url(https://www.blogsclub.org/usr/themes/default/assets/images/logo_d.png)"></div></a></li>
    
    <li class="item"><a class="link" href="http://www.oschina.net/" target="_blank"><div class="name">开源中国</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241014/kyzg.jpeg)"></div></a></li>
    
    <li class="item"><a class="link" href="https://www.heapdump.cn/" target="_blank"><div class="name">HeapDump性能社区</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241014/24d3333acc454c598b2fb3d2d7c8dfcb~tplv-k3u1fbpfcp-zoom-1.jpeg)"></div></a></li>
    
    <li class="item"><a class="link" href="https://gitee.com" target="_blank"><div class="name">码云</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241014/mayun.png)"></div></a></li>
    
    <li class="item"><a class="link" href="https://segmentfault.com/" target="_blank"><div class="name">SegmentFault思否</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241014/sfgg.png)"></div></a></li>
    <li class="item"><a class="link" href="https://www.infoq.cn/" target="_blank"><div class="name">Info Q</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241014/logo.290b04ab.webp)"></div></a></li>
    
    <li class="item"><a class="link" href="https://juejin.cn/" target="_blank"><div class="name">稀土掘金</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241014/1728851955244.png)"></div></a></li>
    
    <li class="item"><a class="link" href="https://www.w3school.com.cn/" target="_blank"><div class="name">W3School</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241014/1728852066160.png)"></div></a></li>
    
    <li class="item"><a class="link" href="https://ruby-china.org/" target="_blank"><div class="name">Ruby 中文社区</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241014/1728852503131.png)"></div></a></li>
    
    <li class="item"><a class="link" href="https://cnodejs.org/" target="_blank"><div class="name">Node.js专业中文社区</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241014/d427ef3efd33b57721df152c2aa1735e.png)"></div></a></li>
    
    <li class="item"><a class="link" href="https://testerhome.com/" target="_blank"><div class="name">TesterHome测试之家</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241014/testhome.png)"></div></a></li>
    <li class="item"><a class="link" href="https://eleduck.com/" target="_blank"><div class="name">电鸭社区</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241016/dysq.png)"></div></a></li>
    
    <li class="item"><a class="link" href="https://w2solo.com/" target="_blank"><div class="name">独立开发者社区</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241014/1728853001327.png)"></div></a></li>
    
    <li class="item"><a class="link" href="https://www.chongbuluo.com/" target="_blank"><div class="name">虫部落</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241014/1728879330397.png)"></div></a></li>
    
    <li class="item"><a class="link" href="https://aijishu.com/" target="_blank"><div class="name">极术社区</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241016/jssq.png)"></div></a></li>
    
     <li class="item"><a class="link" href="https://www.jianshu.com/" target="_blank"><div class="name">简书</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241022/nav-logo-4c7bbafe27adc892f3046e6978459bac.png)"></div></a></li>
    
     <li class="item"><a class="link" href="https://bbs.kanxue.com/new-tid.htm" target="_blank"><div class="name">看雪社区</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241018/kanxuelogo.png)"></div></a></li>
     
     <li class="item"><a class="link" href="https://learnku.com/" target="_blank"><div class="name">LearnKu</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241018/learnku.png)"></div></a></li>
     
     <li class="item"><a class="link" href="https://forum.suse.org.cn/" target="_blank"><div class="name">openSUSE中文论坛</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241018/d7365a53b64bfc2167c07cada19f4b745f12eddb.png)"></div></a></li>
     
     <li class="item"><a class="link" href="https://bbs.hupu.com/" target="_blank"><div class="name">虎扑</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241018/basketball-nba-logo.webp); background-color:red"></div></a></li>
     
     <li class="item"><a class="link" href="https://www.douban.com/group/explore" target="_blank"><div class="name">豆瓣小组</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241018/douabn.png)"></div></a></li>
     
     <li class="item"><a class="link" href="https://www.dxy.cn/bbs/newweb/pc/home" target="_blank"><div class="name">丁香园</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241018/dxy.png)"></div></a></li>
     
     <li class="item"><a class="link" href="https://www.253874.net/" target="_blank"><div class="name">里屋</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241018/liwu.png)"></div></a></li>
     
     <li class="item"><a class="link" href="https://forum.hamcq.cn/" target="_blank"><div class="name">业余无线电社区</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241018/hamcq.png)"></div></a></li>
    <li class="item"><a class="link" href="https://www.w3ctech.com/" target="_blank"><div class="name">w3ctech</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241014/w3ch.png)"></div></a></li>
     
     <li class="item"><a class="link" href="https://linux.do/" target="_blank"><div class="name">业余无线电社区</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241018/b4fa45d8b03df61f5d011e173c0adf8497028b16.webp)"></div></a></li>
     
     <li class="item"><a class="link" href="https://www.guozaoke.com/" target="_blank"><div class="name">过早客</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241018/guanggoonew2.png)"></div></a></li>
     
     <li class="item"><a class="link" href="https://bbs.jjwxc.net/board.php?board=2&amp;page=1&amp;r=1645" target="_blank"><div class="name">文学城</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241018/jjtitle.gif)"></div></a></li>
     
     
     <li class="item"><a class="link" href="https://bbs.bbs-go.com/" target="_blank"><div class="name">码农俱乐部</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241019/mljlcq.png)"></div></a></li>
     
     <li class="item"><a class="link" href="https://community.mdclub.org/" target="_blank"><div class="name">MDClub</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241019/mdclub.png)"></div></a></li>
     
     
     <li class="item"><a class="link" href="https://www.52pojie.cn/forum.php" target="_blank"><div class="name">吾爱破解</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241019/52i.png)"></div></a></li>
     
     <li class="item"><a class="link" href="https://www.4414.cn/forum-76-1.html" target="_blank"><div class="name">4414</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241019/44144.png)"></div></a></li>
     
     
     
     <li class="item"><a class="link" href="https://www.tianya.im/" target="_blank"><div class="name">天涯</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241019/tianya.png)"></div></a></li>
     
     <li class="item"><a class="link" href="https://discuss.flarum.org.cn/" target="_blank"><div class="name">Flarum 中文社区</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241019/flarum.png)"></div></a></li>
     
     
    
     <li class="item"><a class="link" href="https://www.im286.net/forum.php" target="_blank"><div class="name">落伍者</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241019/lwzlogo.gif)"></div></a></li>
     
     <li class="item"><a class="link" href="https://bbs.kafan.cn/forum.php?mod=guide&amp;view=new" target="_blank"><div class="name">卡饭论坛</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241019/kflogo.png)"></div></a></li>
     
     <li class="item"><a class="link" href="https://forum.ubuntu.com.cn/" target="_blank"><div class="name">ubuntu中文社区</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241019/logo_hd.png)"></div></a></li>
     
     <li class="item"><a class="link" href="https://www.minebbs.com/" target="_blank"><div class="name">Minebbs</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241019/mcbbs.png)"></div></a></li>
     
     <li class="item"><a class="link" href="https://forum.github-zh.com/" target="_blank"><div class="name">GitHub中文论坛</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241019/gtlt.png)"></div></a></li>

     
     <li class="item"><a class="link" href="https://www.bestyii.com/" target="_blank"><div class="name">Yii 中文社区</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20241022/bestii.png)"></div></a></li>
     
     <li class="item"><a class="link" href="https://hostloc.com/" target="_blank"><div class="name">主机交流论坛</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20250204/1738662570607.png)"></div></a></li>
    
     
     <li class="item"><a class="link" href="https://6ke.li/" target="_blank"><div class="name">6KE论坛</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20250212/1739289757442.png)"></div></a></li>
     
     <li class="item"><a class="link" href="https://www.quwan.me/" target="_blank"><div class="name">趣玩吧</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20250201/1738392765316.png)"></div></a></li>
     
     <li class="item"><a class="link" href="https://www.imslr.com/" target="_blank"><div class="name">指引社</div><div class="logo" style="background-image:url(https://www.imslr.com/template/yinzhi/images/logo.png)"></div></a></li>
     <li class="item"><a class="link" href="https://www.shuge.org/meet/" target="_blank"><div class="name">书格</div><div class="logo" style="background-image:url(https://www.shuge.org/wp-content/themes/artview/images/layout/logo.png)"></div></a></li>
     
     <li class="item"><a class="link" href="https://www.waxianzhi.com/" target="_blank"><div class="name">蛙先知</div><div class="logo" style="background-image:url(https://www.waxianzhi.com/static/image/common/logo.png)"></div></a></li>
     <li class="item"><a class="link" href="https://www.txrjy.com/c114-listnewtopic.php" target="_blank"><div class="name">通信人家园</div><div class="logo" style="background-image:url(https://www.txrjy.com/static/image/common/logo.gif)"></div></a></li>
     <li class="item"><a class="link" href="https://gaoloumi.cc/forum.php?mod=guide&amp;view=newthread" target="_blank"><div class="name">高楼迷</div><div class="logo" style="background-image:url(https://pic.gaolouimg.com/static/image/common/logoss.jpg)"></div></a></li>
     <li class="item"><a class="link" href="https://www.1point3acres.com/bbs/forum.php?mod=guide&amp;view=newthread" target="_blank"><div class="name">一亩三分地</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20250525/1748181107526.png)"></div></a></li>
     <li class="item"><a class="link" href="https://www.jisilu.cn/explore/" target="_blank"><div class="name">集思录</div><div class="logo" style="background-image:url(https://www.jisilu.cn/static/css/jisilu/img/logo_jisilu.png)"></div></a></li>
       <li class="item"><a class="link" href="https://bangumi.tv/group" target="_blank"><div class="name">番组计划</div><div class="logo" style="background-image:url(https://bangumi.tv/img/rc3/logo_2x.png)"></div></a></li>
       
       <li class="item"><a class="link" href="https://bbs.a9vg.com/" target="_blank"><div class="name">电玩部落</div><div class="logo" style="background-image:url(https://file1.a9vg.com/static/image/common/logo_a9vg.png)"></div></a></li>
       
       <li class="item"><a class="link" href="https://www.znds.com/" target="_blank"><div class="name">智能电视</div><div class="logo" style="background-image:url(https://zndsimg.dangbei.net/template/veikei_dz_news_20121205_portal/images/zndslogo.png)"></div></a></li>
       
       <li class="item"><a class="link" href="https://club.kdslife.com/new/home" target="_blank"><div class="name">宽带山</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20250525/1748180234070.png)"></div></a></li>
       
       <li class="item"><a class="link" href="https://www.uscardforum.com/latest" target="_blank"><div class="name">美卡论坛</div><div class="logo" style="background-image:url(https://asset-cdn.uscardforum.com/original/3X/1/5/15df2759a51b56938425e0716668bbe81e82e071.png)"></div></a></li>
       
       <li class="item"><a class="link" href="https://bbs.powerapple.com/" target="_blank"><div class="name">苹果论坛</div><div class="logo" style="background-image:url(https://img.cdn.vin/dai/20250525/1748181089972.png)"></div></a></li>
       
       <li class="item"><a class="link" href="https://www.domainclub.org/" target="_blank"><div class="name">网域名称俱乐部</div><div class="logo" style="background-image:url(https://domainclub.org/images/domaincluborglogo.gif)"></div></a></li>
       <li class="item"><a class="link" href="https://www.webmasterclub.org/" target="_blank"><div class="name">站长俱乐部</div><div class="logo" style="background-image:url(http://i20.photobucket.com/albums/b228/imageshow/webmastercluborglogo-3_zpsego2kasz.gif~original)"></div></a></li>
       <li class="item"><a class="link" href="https://www.xiaoheihe.cn/app/bbs/home" target="_blank"><div class="name">小黑盒</div><div class="logo" style="background-image:url(https://imgheybox.max-c.com/dev/bbs/2024/10/15/88f29909bb7ff381ceaf9fefa16041a2.png)"></div></a></li>
       
       <li class="item"><a class="link" href="https://zmtu.com/" target="_blank"><div class="name">ZMTU</div><div class="logo" style="background-image:url(https://zmtu.com/static/images/app/logo.png)"></div></a></li>
       
       <li class="item"><a class="link" href="https://www.dismall.com/" target="_blank"><div class="name">
Discuz社区</div><div class="logo" style="background-image:url(https://www.dismall.com/template/discuz_dismall/image/logo.png)"></div></a></li>


       <li class="item"><a class="link" href="https://sailfishos.club/" target="_blank"><div class="name">
旗鱼系统交流论坛</div><div class="logo" style="background-image:url(https://sailfishos.club/assets/uploads/system/site-logo.png)"></div></a></li>

       <li class="item"><a class="link" href="https://forum.xitek.com/forum-10001-1.html" target="_blank"><div class="name">
摄影无忌</div><div class="logo" style="background-image:url(https://forum.xitek.com/assets/img/logo.gif)"></div></a></li>

       <li class="item"><a class="link" href="https://iirose.com/" target="_blank"><div class="name">
蔷薇花园</div><div class="logo" style="background-image:url(https://static.codemao.cn/rose/v0/images/page/message/ext/radio_dark.png)"></div></a></li>

<!--       <li class="item"><a class="link" href="https://youqu.org/" target="_blank"><div class="name">-->
<!--有趣社区</div><div class="logo" style="background-image:url(https://youqu.org/static/logo.png)"></div></a></li>-->


       <li class="item"><a class="link" href="https://linux.do/" target="_blank"><div class="name">
linux.do</div><div class="logo" style="background-image:url(https://linux.do/uploads/default/original/3X/b/4/b4fa45d8b03df61f5d011e173c0adf8497028b16.png)"></div></a></li>


       <li class="item"><a class="link" href="https://www.twle.cn/?tab=all" target="_blank"><div class="name">
简单教程</div><div class="logo" style="background-image:url(https://www.twle.cn/static/icon/xslfo.png)"></div></a></li>

       <li class="item"><a class="link" href="https://bbs.51credit.com/" target="_blank"><div class="name">
我爱卡</div><div class="logo" style="background-image:url(https://static.51credit.com/www/images/logo.png)"></div></a></li>


    </ul>
    
    </main>


<?php get_footer(); ?>